        /* 声明字体图标 要注意路径的变换 */
        
        @font-face {
            font-family: "iconfont";
            /* Project id 2649817 */
            src: url('../font/iconfont.woff2?t=1625363818715') format('woff2'), url('../font/iconfont.woff?t=1625363818715') format('woff'), url('../font/iconfont.ttf?t=1625363818715') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }
        /* 版心 */
        
        .w {
            width: 1200px;
            margin: 0 auto;
        }
        /* 快捷导航模块 */
        
        .fl {
            float: left;
        }
        
        .fr {
            float: right;
        }
        
        .style_red {
            color: #c81623;
        }
        
        .shortcut {
            height: 31px;
            line-height: 31px;
            background-color: #f1f1f1;
        }
        
        .shortcut li {
            float: left;
        }
        /* 选择所有偶数的小li */
        
        .shortcut .fr li:nth-child(even) {
            width: 1px;
            height: 12px;
            background-color: #666;
            margin: 9px 15px 0;
        }
        /* 伪类元素当做行内元素 */
        
        .arrow-icon::after {
            content: '\e635';
            font-family: 'iconfont';
            margin-left: 6px;
        }
        /* header头部制作 */
        
        .header {
            position: relative;
            height: 105px;
            /* background-color: pink; */
        }
        
        .logo {
            position: absolute;
            top: 25px;
            width: 175px;
            height: 61px;
            /* background-color: skyblue; */
        }
        
        .logo a {
            display: block;
            width: 175px;
            height: 61px;
            background: url(../images/logo.png) no-repeat;
            /* 不显示文字 */
            font-size: 0;
        }
        
        .search {
            position: absolute;
            left: 346px;
            top: 25px;
            width: 538px;
            height: 36px;
            border: 2px solid #b1191a;
        }
        
        .search input {
            float: left;
            width: 454px;
            height: 32px;
            padding-left: 10px;
        }
        
        .search button {
            float: left;
            width: 80px;
            height: 32px;
            background-color: #b1191a;
            font-size: 16px;
            color: #fff;
        }
        
        .hotwords {
            position: absolute;
            top: 66px;
            left: 346px;
        }
        
        .hotwords a {
            margin: 0 10px;
        }
        
        .shopcar {
            position: absolute;
            top: 25px;
            right: 60px;
            width: 140px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background-color: #f7f7f7;
            border: 1px solid #dfdfdf;
        }
        
        .shopcar::before {
            content: '\e60d';
            font-family: 'iconfont';
            margin-right: 5px;
            color: #b1191a;
        }
        
        .shopcar::after {
            content: '\e666';
            font-family: 'iconfont';
            margin-left: 10px;
        }
        
        .count {
            position: absolute;
            top: -5px;
            left: 105px;
            height: 14px;
            line-height: 14px;
            color: #fff;
            background-color: #e60012;
            padding: 0 5px;
            border-radius: 7px 7px 7px 0;
        }
        
        .nav {
            height: 47px;
            border-bottom: 2px solid #b1191a;
        }
        
        .nav .dropdown {
            float: left;
            width: 210px;
            height: 45px;
            background-color: #b1191a;
        }
        
        .nav .navitems {
            float: left;
        }
        
        .dropdown .dt {
            width: 100%;
            height: 100%;
            color: #fff;
            text-align: center;
            line-height: 45px;
            font-size: 16px;
        }
        
        .dropdown .dd {
            display: block;
            width: 210px;
            height: 465px;
            background-color: #c81623;
            margin-top: 2px;
        }
        
        .dropdown .dd ul li {
            position: relative;
            height: 31px;
            line-height: 31px;
            /* margin-left: 2px; */
            padding-left: 10px;
        }
        
        .dropdown .dd ul li:hover {
            background-color: #fff;
        }
        
        .dropdown .dd ul li::after {
            position: absolute;
            top: 1px;
            right: 10px;
            content: '\e666';
            font-family: 'iconfont';
            color: #fff;
            font-style: 14px;
        }
        
        .dropdown .dd ul li a {
            font-size: 14px;
            color: #fff;
        }
        
        .dropdown .dd ul li:hover a {
            color: #c81623;
        }
        
        .navtimes ul li {
            float: left;
        }
        /* a是行内元素 */
        
        .navtimes ul li a {
            display: block;
            height: 45px;
            line-height: 45px;
            font-size: 16px;
            padding: 0 35px;
        }
        
        .footer {
            height: 415px;
            background-color: #f5f5f5;
            padding-top: 30px;
        }
        
        .mod_service {
            height: 80px;
            /* background-color: pink; */
        }
        
        .mod_service ul li {
            float: left;
            width: 240px;
            height: 50px;
            padding-left: 35px;
        }
        
        .mod_service ul li h5 {
            float: left;
            width: 50px;
            height: 50px;
            background: url(../images/all.png) no-repeat -252px -2px;
            margin-right: 8px;
        }
        
        .service_txt h4 {
            font-size: 14px;
        }
        
        .service_txt p {
            font-size: 12px;
        }
        
        .mod_help {
            height: 185px;
            padding-top: 20px;
            padding-left: 50px;
        }
        
        .mod_help dl {
            float: left;
            width: 200px;
        }
        
        .mod_help dl:last-child {
            width: 90px;
            text-align: center;
        }
        
        .mod_help dt {
            font-size: 16px;
            margin-bottom: 10px;
        }
        
        .mod_help dt dd {
            font-size: 12px;
        }
        
        .mod_copyright {
            padding-top: 20px;
            text-align: center;
        }
        
        .links {
            border-bottom: 15px;
        }
        
        .links a {
            margin: 0 5px;
        }
        
        .copyright {
            margin-top: 15px;
        }